<!DOCTYPE html>
<html>

<head>
    <title>nTube: New Comments UI for 1.5.x</title>
</head>
<style>
    .flex_hr_compat {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        height: 0;
        margin: 0;
        border: 0;
    }
</style>

<body>
    <div id="_comments_initial_div" style="display: grid;">
        <div style="display: table-cell; width: 100%; flex: 1; background-color: darkgray">
            <div>
                <img src="https://dummyimage.com/48/000/fff" loading="lazy" decoding="async"
                    style="vertical-align: middle" />
                <p style="vertical-align: middle; display: inline;">
                    ${comment::author}
                    &centerdot;
                    ${comment::likeCount} likes
                </p>
            </div>
            <hr class="flex_hr_compat">
            <div style="margin-left: 15px; margin-top: 5px; margin-bottom: 5px;">
                ${comment::text}
            </div>
            <button disabled="true"
                style="color: inherit; background-color: inherit; font-family: inherit; font-size: medium; border: 1px solid green; margin-left: 15px; margin-bottom: 3px;">Load
                replies.</button>
        </div>
        <div style="display: table-cell; width: 100%; flex: 1; background-color: darkgray">
            <div>
                <img src="https://dummyimage.com/48/000/fff" loading="lazy" decoding="async"
                    style="vertical-align: middle" />
                <p style="vertical-align: middle; display: inline;">
                    ${comment::author}
                    &centerdot;
                    ${comment::likeCount} likes
                </p>
            </div>
            <hr class="flex_hr_compat">
            <div style="margin-left: 15px; margin-top: 5px; margin-bottom: 5px;">
                ${comment::text}
            </div>
            <button disabled="true"
                style="color: inherit; background-color: inherit; font-family: inherit; font-size: medium; border: 1px solid green; margin-left: 15px; margin-bottom: 3px;">Load
                replies.</button>
        </div>
    </div>
</body>

</html>